<template>
  <div class="order">
   <div class="img">
     <img src="https://easytuan.gitee.io/node-elm-api/public/nodata.png" alt="" class="nodata">

   </div>
   <p>登录后查看外卖订单</p>
   <div class="btn">
     <button class="btn1">立即登录</button>
   </div>
   
  </div>
</template>
<script>
export default {
  name: "Order"
};
</script>
<style lang="less" scoped>

.order {
  width: 100%;
  height: 100%;
  // background: rgba(245, 245, 245,0.5);
  background-color: #fff;
  
  .img{
    margin-top: 30%;
    width: 100%;
   
    text-align: center;
    img{
      width: 50%;
     
    }
  }
  p{
    text-align: center;
    color: #6a6a6a;
    font-size: .45rem;
    margin-bottom: .32rem;
  }
 .btn{
    text-align: center;
   
    .btn1{
     width: 3.8rem;
    height: 1.2rem;
    background: #56d176;
    border: none;
    color: #fff;
    font-size: .59733rem;
    border-radius: 2px;
  
    }
 }
}
</style>
